<template>
	<section class="todoapp">
		<TodoHeaderVue></TodoHeaderVue>
		<TodoMainVue></TodoMainVue>
		<TodoFooterVue></TodoFooterVue>
	</section>
</template>

<script>
import '@/styles/base.css'
import '@/styles/index.css'

import TodoHeaderVue from './components/TodoHeader.vue';
import TodoMainVue from './components/TodoMain.vue';
import TodoFooterVue from './components/TodoFooter.vue';
// 样式引入 + 导入组件并注册使用
export default {
	data() {
		return {

		};
	},
	components: {
		TodoHeaderVue,
		TodoMainVue,
		TodoFooterVue
	}
};
</script>
